iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 13
1

本日閱讀進度:第五章 認識物件(206~227頁)

重點摘要:

  1. 物件也能開箱嗎?
    好啦,其實我只是想跟風而已,其實這個標題應該是:

如何知道物件裡包含了哪些屬性?

可以使用for in來顯示物件中所有的屬性。
for in會以一次一個的方式,逐一取得物件的每個屬性,並依序將每個屬性賦值給prop變數。
是不是就跟開箱一樣呢?

for (var prop in abui) {
  console.log(prop + ": " + abui[prop]);
}
// "name: Abui"
// "weight: 3"
// "age: 1"
// "color: orange"
// "breed: mixed"
// "tnr: true"
  1. 存取屬性的另一種寫法
    注意到上面abui[prop]的寫法了嗎?
    其實它跟abui.color的寫法是一樣的,唯一的差別在於方括號有比較大的彈性,可以把屬性的名稱建立成如下的運算式(雖然我不知道為什麼要這麼做XD):
abui["pr" + "op"]
  1. JavaScript提供的物件
    除了自行建立物件之外,也可以使用JavaScript內建的物件。例如之前用過的Math,還有一些寫程式需要用到的物件:
  • Date:可用於操作日期和時間。

  • RegExp:讓你得以找到字串中的樣式。

  • JSON:讓你可以跟其他應用程式交換JavaScript物件。

  • Document:可從程式碼對網頁進行寫入操作。

  • Console:寫程式必定會用到的console也是物件喔!它可使用log方法在控制台上顯示訊息。

今天的開箱文就到這邊啦!明天將會介紹DOM(文件物件模型),讓JavaScript進一步跟網頁互動!

本文同步發表於cichen


上一篇
Day12. 物件!物件!多少混亂假汝之名而行
下一篇
Day14. DOM:我要長得像大樹一樣高!
系列文
Head First!從頭開始學JS 《深入淺出 JavaScript 程式設計》讀書筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言